{% extends "administrative/base.html" %}

{% block page_link %}
{#    <script src="../../static/administrative/js/lssue.js"></script>#}
    <link rel="stylesheet" href="../../static/system_setup/css/zTreeStyle/zTreeStyle.css">
    <link rel="stylesheet" href="../../static/administrative/css/style.css">
{% endblock %}


{% block style %}
    <style>
        .add_class {
            background: #1E90FF;
        }

        .file {
            position: relative;
            display: inline-block;
            border-radius: 4px;
            padding: 4px 12px;
            overflow: hidden;
            color: #1E88C7;
            text-decoration: none;
            text-indent: 0;
            line-height: 20px;
        }

        .file input {
            position: absolute;
            font-size: 100px;
            right: 0;
            top: 0;
            opacity: 0;
        }

        .file:hover {
            background: #AADFFD;
            border-color: #78C3F3;
            color: #004974;
            text-decoration: none;
        }

        tr {
            height: 35px;
        }

        th {
            text-align: center;
        }

        table {
            table-layout: fixed;
        }

        td:first-child, th:first-child {
            position: sticky;
            left: 0; /* 首行永远固定在左侧 */
            z-index: 1;
        }

        thead tr th {
            position: sticky;
            top: 0; /* 列首永远固定在头部  */
            background-color: #E8E8E8;
        }

        th:first-child {
            z-index: 2;
        }

        .li-class {
            list-style: none;
            margin-top: 2%;
            color: #0b0b0b;
            cursor: pointer;
        }

        .preserve {
            height: 30px;
            width: 90%;
            background: #0070c1;
            color: #ffffff;
        }

        li {
            list-style-type: none;
        }

        .model_li {
            color: #3f414d;
            width: 25%;
            cursor: pointer;
            display: none;
        }


    </style>
{% endblock %}



{% block right_content %}
    <div class="headline">
        <div style="width: 15%;height: 100%;line-height: 40px;float: left;padding-left: 1%;">
            <a href="choose_issue.html" style="color: #0b0b0b;">
                <i class="iconfont icon-gongwenfawen"></i>
                <span> 议题发起</span>
            </a>
        </div>

    </div>

    <div class="right-box" style="width: 100%;height: 91%;overflow: auto;padding-bottom: 1%;text-align: center">
        <div style="width: 40%;margin-top: 1%;margin-left: 1%;display: inline-block;box-shadow: -3px 5px 1px 0 #CFCFCF">
            <div style="width: 99%;background: whitesmoke;">
                <div style="height: 100px;"></div>
                    <div>
                        <img src="/static/administrative/img/choose_issue.png" height="50">
                        <a href="issue.html?issue_type=1" style="font-size: 20px">京山市人民医院院长办公会议题审批表</a>
                    </div>
                <div style="height: 100px;"></div>
            </div>
        </div>

        <div style="width: 40%;margin-top: 1%;margin-left: 1%;display: inline-block;box-shadow: -3px 5px 1px 0 #CFCFCF">
            <div style="width: 99%;background: whitesmoke;">
                <div style="height: 100px;"></div>
                     <div>
                        <img src="/static/administrative/img/choose_issue.png" height="50">
{#                        <a href="issue2.html" style="font-size: 20px">京山市人民医院党委会议题审批表</a>#}
                        <a href="issue.html?issue_type=2" style="font-size: 20px">京山市人民医院党委会议题审批表</a>
                    </div>

                <div style="height: 100px;"></div>
            </div>
        </div>


    </div>

{% endblock %}

{% block script %}
    <script>


        document.getElementById("administrative").className = "add-nav-active";
        document.getElementById("issue").className = "add_class";
        document.getElementById("issue_approval_ul").style.display = "inline-block";
        document.getElementById("jiantou3").className = "iconfont icon-jiantou-xia";
        document.getElementById("organizational_management_ul").style.display = "none";

        function click_ul_9() {
            if (document.getElementById("jiantou5").className === "iconfont icon-jiantou-shang"){
                document.getElementById("jiantou5").className = "iconfont icon-jiantou-xia";
                document.getElementById("dispatch-Administrator-1").style.display = "inline-block";
            }else {
                document.getElementById("jiantou5").className = "iconfont icon-jiantou-shang";
                document.getElementById("dispatch-Administrator-1").style.display = "none";
            }
        }

        function click_ul_10() {
            if (document.getElementById("jiantou4").className === "iconfont icon-jiantou-shang"){
                document.getElementById("jiantou4").className = "iconfont icon-jiantou-xia";
                document.getElementById("dispatch-Administrator").style.display = "inline-block";
            }else {
                document.getElementById("jiantou4").className = "iconfont icon-jiantou-shang";
                document.getElementById("dispatch-Administrator").style.display = "none";
            }
        }

        function click_ul() {
            if (document.getElementById("jiantou").className === "iconfont icon-jiantou-shang"){
                document.getElementById("jiantou").className = "iconfont icon-jiantou-xia";
                document.getElementById("organizational_management_ul").style.display = "inline-block";
            }else {
                document.getElementById("jiantou").className = "iconfont icon-jiantou-shang";
                document.getElementById("organizational_management_ul").style.display = "none";
            }
        }

        function click_ul1() {
            if (document.getElementById("jiantou1").className === "iconfont icon-jiantou-shang"){
                document.getElementById("jiantou1").className = "iconfont icon-jiantou-xia";
                document.getElementById("gebruikersrol_ul").style.display = "inline-block";
            }else {
                document.getElementById("jiantou1").className = "iconfont icon-jiantou-shang";
                document.getElementById("gebruikersrol_ul").style.display = "none";
            }
        }

        function click_ul2() {
            if (document.getElementById("jiantou2").className === "iconfont icon-jiantou-shang"){
                document.getElementById("jiantou2").className = "iconfont icon-jiantou-xia";
                document.getElementById("meeting_management_ul").style.display = "inline-block";
            }else {
                document.getElementById("jiantou2").className = "iconfont icon-jiantou-shang";
                document.getElementById("meeting_management_ul").style.display = "none";
            }
        }

        function click_ul3() {
            if (document.getElementById("jiantou3").className === "iconfont icon-jiantou-shang"){
                document.getElementById("jiantou3").className = "iconfont icon-jiantou-xia";
                document.getElementById("issue_approval_ul").style.display = "inline-block";
            }else {
                document.getElementById("jiantou3").className = "iconfont icon-jiantou-shang";
                document.getElementById("issue_approval_ul").style.display = "none";
            }
        }
    </script>
{% endblock %}